<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keyword" content="犀牛故事">
    <meta name="description" content="这是个故事app">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="./components/materialize/dist/css/materialize.css"  media="screen,projection"/>
    <link rel="stylesheet" href="./components/materialize/dist/css/reset.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/mimi_tz.css">
</head>
<body>
<article ng-controller="mimi.ctr">
    <div class="art_cont" ng-repeat="mimi in datalist|limitTo:1">
    <!--图片及标题-->
    <img ng-src="{{mimi.cover_url}}" alt="" class="article_img">
    <h2>{{mimi.title}}</h2>
    <!--文章内容-->
    <div class="article_zh">
        <!--小图标-->
        <ul>
            <li>
                <img src="./images/red.png" alt="" class="img_f">
                <span>秘密·连载中</span>
            </li>
            <li>
                <img src="./images/anonymity.png" alt="" class="img_s">
                <span class="nm_article">匿名作者</span>
            </li>
        </ul>
        <!--文章数据-->
        <div class="article_db">
            {{mimi.summary}}...
        </div>
        <div class="article_tb">
            <!--小图标-->
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/yytj.png" alt="">
                        <span>{{mimi.like_summary}}</span>
                    </a>
                </li>
                <li class="li_l">
                    <a href="#">
                        <img src="./images/fx.png" alt="">
                        <span>{{mimi.read_count}}次分享</span>
                    </a>
                </li>
                <li class="li_l">
                    <a href="#">
                        <img src="./images/hssc.png" alt="">
                        <span>{{mimi.subscription_summary}}</span>
                    </a>
                </li>
            </ul>
        </div>
        
        </div>
        <!--查看更多故事-->
    <div class="article_gs">
        <h3>更多好看的故事</h3>
        <ul ng-repeat="mimi in datalist|limitTo:bl||6">
            <li>
                <a href="mimi_tiaozhuan.html">
                    <img ng-src="{{mimi.cover_url}}" alt="">
                    <p>{{mimi.title}}</p>
            </a>
            </li>
        </ul>
        <span class="more" ng-click="click_tz()">点击查看更多的故事</span>
    </div>
        <div>
        </div>
    </div>
</article>

<script type="text/javascript" src="./components/jquery/dist/jquery.js"></script>
<script src="script/header.js"></script>
<script type="text/javascript" src="./components/materialize/dist/js/materialize.min.js"></script>
<script type="text/javascript" src="./components/angular/angular.js"></script>
<script type="text/javascript" src="./components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="./script/controller.js"></script>
<script src="./script/r-c.js"></script>
</body>
</html>    